<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<script type="text/javascript">

function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }



    function buscarAlumno(){

            var apePaterno=document.getElementById("apePaterno").value;
            var apeMaterno=document.getElementById("apeMaterno").value;
            var nombre=document.getElementById("nombre").value;
            var condicion=document.getElementById("condicion").value;
            var fecNacimiento=document.getElementById("fecNacimiento").value;
            var codDisciplina=document.getElementById("codDisciplina").value;
            var codNivel=document.getElementById("codNivel").value;
            var codCear=document.getElementById("codCear").value;

            var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/cearListarAlumnoAjax.jsp?apePaterno="+apePaterno+"&apeMaterno="+apeMaterno+"&nombre="+nombre+"&condicion="+condicion+"&fecNacimiento="+fecNacimiento+"&codDisciplina="+codDisciplina+"&codNivel="+codNivel+"&flagcapa="+0+"&codCear="+codCear;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        
    }

//nombre,apePaterno,apeMaterno,codAlumno,condicion,fecNacimiento,codNivel,codDisciplina
       function editarAlumno(nombre,apePaterno,apeMaterno,codAlumno,condicion,fecNacimiento,codNivel,codDisciplina,codCategoria){
            
            document.getElementById("apePaterno").value=apePaterno;
            document.getElementById("apeMaterno").value=apeMaterno;
            document.getElementById("nombre").value=nombre;
            document.getElementById("condicion").value=condicion;
            document.getElementById("codNivel").value=codNivel;
            document.getElementById("codDisciplina").value=codDisciplina;
            document.getElementById("fecNacimiento").value=fecNacimiento;
            document.getElementById("codAlumno").value=codAlumno;
            document.getElementById("tipoOper").value="2";
            document.getElementById("codCategoria").value=codCategoria;
           
    }

      function grabarAlumno(){

           // if(validarGrabarAlumno()==false)return;

            var codAlumno=document.getElementById("codAlumno").value;
            var apePaterno=document.getElementById("apePaterno").value;
            var apeMaterno=document.getElementById("apeMaterno").value;
            var nombre=document.getElementById("nombre").value;
            var condicion=document.getElementById("condicion").value;
            var fecNacimiento=document.getElementById("fecNacimiento").value;            
            var codDisciplina=document.getElementById("codDisciplina").value;
            var codNivel=document.getElementById("codNivel").value;            
            var tipoOper=document.getElementById("tipoOper").value;
            var codCear=document.getElementById("codCear").value;

               
            if(document.getElementById("apePaterno").value==""){
                alert("Ingrese Apellido Paterno");
                document.getElementById("apePaterno").focus();
                return;
            }
            if(document.getElementById("apeMaterno").value==""){
                alert("Ingrese Apellido Materno");
                document.getElementById("apeMaterno").focus();
                return;
            }
            if(document.getElementById("nombre").value==""){
                alert("Ingrese Nombre");
                document.getElementById("nombre").focus();
                return;
            }
            if(document.getElementById("fecNacimiento").value==""){
                alert("Ingrese Fecha de Nacimiento");
                document.getElementById("fecNacimiento").focus();
                return;
            }
            
            if(document.getElementById("codDisciplina").value=="-1"){
                alert("Seleccione Disciplina");
                document.getElementById("codDisciplina").focus();
                return;
            }
      
            if(document.getElementById("codNivel").value=="-1"){
                alert("Seleccione Nivel");
                document.getElementById("codNivel").focus();
                return;
            }

            if(document.getElementById("condicion").value=="-1"){
                alert("Seleccione Condición");
                document.getElementById("condicion").focus();
                return;
            }
            
            var codCategoria=document.getElementById("codCategoria").value;

            if(codCategoria=="-1"){
                alert("Seleccione Categoria");
                document.getElementById("codCategoria").focus();
                return;
            }

      
            var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/cearListarAlumnoAjax.jsp?apePaterno="+apePaterno+"&apeMaterno="+apeMaterno+"&nombre="+nombre+"&codNivel="+codNivel+"&condicion="+condicion+"&codDisciplina="+codDisciplina+"&flagcapa="+1+"&codCear="+codCear+"&tipoOper="+tipoOper+"&codAlumno="+codAlumno+"&fecNacimiento="+fecNacimiento+"&codCategoria="+codCategoria;
                //alert(url);
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

            document.getElementById("codAlumno").value="0";
            document.getElementById("apePaterno").value="";
            document.getElementById("apeMaterno").value="";
            document.getElementById("nombre").value="";
            document.getElementById("condicion").value="-1";
            document.getElementById("fecNacimiento").value="";
            document.getElementById("codDisciplina").value="-1";
            document.getElementById("codNivel").value="-1";
            document.getElementById("tipoOper").value="1";
            document.getElementById("codCategoria").value="-1";
            
    }

     function eliminarAlumno(nombre,apePaterno,apeMaterno,codAlumno,condicion,fecNacimiento,codNivel,codDisciplina,codCategoria){

         if(confirmActionAlumno(nombre,apePaterno,apeMaterno)==false)return;

         var codCear=document.getElementById("codCear").value;

                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/cearListarAlumnoAjax.jsp?apePaterno="+apePaterno+"&apeMaterno="+apeMaterno+"&nombre="+nombre+"&condicion="+condicion+"&flagcapa="+1+"&fecNacimiento="+fecNacimiento+"&tipoOper="+3+"&codAlumno="+codAlumno+"&codCear="+codCear;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

            document.getElementById("codAlumno").value="0";
            document.getElementById("apePaterno").value="";
            document.getElementById("apeMaterno").value="";
            document.getElementById("nombre").value="";
            document.getElementById("condicion").value="-1";
            document.getElementById("fecNacimiento").value="";
            document.getElementById("codDisciplina").value="-1";
            document.getElementById("codNivel").value="-1";
            document.getElementById("tipoOper").value="1";
    }

    function setControlAlumno(){
            document.getElementById("apePaterno").value="";
            document.getElementById("apeMaterno").value="";
            document.getElementById("nombre").value="";
            document.getElementById("condicion").value="-1";
            document.getElementById("peso").value="";
            document.getElementById("talla").value="";
           // document.getElementById("codCcdHiddenAlumno").value=codCcd;
            document.getElementById("codAlumnoHidden").value="";
            document.getElementById("fecNacimiento").value="";
            document.getElementById("tipoOperAlumno").value="1";
    }

     function confirmActionAlumno(nombre,apePaterno,apeMaterno){
        if (confirm("Esta seguro de eliminar al alumno:  \n  "+nombre+" "+apePaterno+" "+apeMaterno))
            return true;
        else return false;
     }



     function cancel(){

        //var codDisciplina=document.getElementById("codDisciplina").value;
        //var codCcd=document.getElementById("codCcd").value;
        //var codAlumno=document.getElementById("codAlumno").value;

    var form = document.getElementById("CearForm");
    form.action="Cear.do?dispatch=load";
    form.method="post";
    form.submit();

    }

   
</script>
            
<html>

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <title>JSP Page</title>
    </head>
    <body >
        <div  style="overflow: auto; width: 710px; height: 400px">
      <html:form action="Cear.do?dispatch=load" styleId="CearForm">


          <!--Ini Alumnos-->
          <input type="hidden" id="codAlumno" value="0">
          <input type="hidden" id="tipoOper" value="1">
          
          <html:hidden property="cordinadorTecnico" styleId="cordinadorTecnico"></html:hidden>
          <html:hidden property="codCear" styleId="codCear"></html:hidden>
          <html:hidden property="anioInicio" styleId="AnioInicio"></html:hidden>
          <html:hidden property="direccion" styleId="direccion"></html:hidden>
          
          
              <h1 align="center">Ingresar Atleta C.E.A.R</h1>
              <br>
              <table>
                  <tr>
                      <td>
                          Apellido Paterno<br>
                          <input type="text" id="apePaterno">

                      </td>
                      <td>
                          Apellido Materno<br>
                          <input type="text" id="apeMaterno">

                      </td>
                      <td>
                           Nombre<br>
                          <input type="text" id="nombre">

                      </td>
                  </tr>

                 <tr>
                     <td colspan="2">
                          Condicion<br>
                          <select  id="condicion">
                                                <option value="-1">[--Seleccionar Condicion--]</option>
                                                <option value="1">Nuevo Ingreso</option>
                                                <option value="2">Continua</option>
                          </select>

                      </td>
                      <td>
                          Fec. Nacimiento<br>

                          <input type="text" id="fecNacimiento" size="6" readonly="true">
                          <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />

                      </td>
                  </tr>
                  
                  <tr>
                      <td>
                          Disciplina<br>
                          <html:select property="codDisciplina"  styleId="codDisciplina">
                                <html:option value="-1">[--Seleccionar Disciplina--]</html:option>
                                <html:option value="1">Atletismo</html:option>
                                <html:option value="2">Karate</html:option>
                                <html:option value="3">Ley de Pesas</html:option>
                                <html:option value="4">Gimansia Masculina</html:option>
                                <html:option value="5">Gimansia Femenina</html:option>
                                <html:option value="6">Ciclismo</html:option>
                                <html:option value="7">Natacion Piscina 50 mts</html:option>
                                <html:option value="8">Natacion Piscina 100 mts</html:option>
                          </html:select>
                      </td>

                      <td>
                          Nivel<br>
                          <select id="codNivel">
                                <option value="-1">[--Seleccionar Nivel--]</option>
                                <option value="1">DP</option>
                                <option value="2">DC</option>
                                <option value="3">DCAN</option>

                          </select>
                      </td>
                      
                  </tr>
                  <tr>
                      <td>
                          Categoria<br>
                          <select id="codCategoria">
                                <option value="-1">[--Seleccionar Categoria--]</option>
                                <option value="1">Menores</option>
                                <option value="2">Infantil</option>
                                <option value="3">Cadete</option>
                                <option value="4">Juvenil</option>
                                <option value="5">Sub 23</option>
                                <option value="6">Mayores</option>

                          </select>
                      </td>

                  </tr>
                  <tr>
                      <td colspan="3" align="right">
                          <input type="button" value="Regresar" onclick="cancel()">
                           <input type="button" value="Buscar" onclick="buscarAlumno()">
                          <input type="button" value="Grabar" onclick="grabarAlumno()">
                      </td>
                  </tr>
              </table>
              <br><br>


              <logic:present name="CearForm" property="listCearAlumnos">
                    <div id="divTabla">
                                <table id="tabla1" width="99%" align="right" class="userTable">
                                    <tr class="even" align="center">
                                        <th class="textoTR">Nombre </th>
                                        <th class="textoTR">Apellido Paterno</th>
                                        <th class="textoTR">Apellido Materno</th>
                                        <th class="textoTR">Condicion</th>
                                        <th class="textoTR">Fecha de Nacimiento</th>
                                        <th class="textoTR">Edad</th>
                                        <th class="textoTR">Editar</th>
                                        <th class="textoTR">Eliminar</th>
                                        <th class="textoTR">Marca Perosonal </th>
                                        <th class="textoTR">Expectativa </th>
                                    </tr>

                                    <logic:iterate name="CearForm" property="listCearAlumnos" id="lista">
                                        <tr align="center">

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="nombre"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="apePaterno"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="apeMaterno"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="descCondicion"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="fecNacimiento"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="edad"/>
                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="Editar" alt="Editar" border=0  src="images/b_edit.png"
                                                     onclick="editarAlumno(
                                                                      '<c:out value="${lista.nombre}"/>',
                                                                      '<c:out value="${lista.apePaterno}"/>',
                                                                      '<c:out value="${lista.apeMaterno}"/>',
                                                                      '<c:out value="${lista.codAlumno}"/>',
                                                                      '<c:out value="${lista.condicion}"/>',
                                                                      '<c:out value="${lista.fecNacimiento}"/>',
                                                                      '<c:out value="${lista.codNivel}"/>',
                                                                      '<c:out value="${lista.codDisciplina}"/>',
                                                                      '<c:out value="${lista.codCategoria}"/>'
                                                                     );"/>

                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="Eliminar" title="Eliminar" alt="Eliminar" border=0  src="images/b_drop.png" 
                                                     onclick="eliminarAlumno(
                                                                      '<c:out value="${lista.nombre}"/>',
                                                                      '<c:out value="${lista.apePaterno}"/>',
                                                                      '<c:out value="${lista.apeMaterno}"/>',
                                                                      '<c:out value="${lista.codAlumno}"/>',
                                                                      '<c:out value="${lista.condicion}"/>',
                                                                      '<c:out value="${lista.fecNacimiento}"/>',
                                                                      '<c:out value="${lista.codNivel}"/>',
                                                                      '<c:out value="${lista.codDisciplina}"/>',
                                                                      '<c:out value="${lista.codCategoria}"/>'
                                                                     );">
                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="MarcaPersonal" alt="MarcaPersonal" border=0  src="images/file_preview.png"
                                                     onclick="listarMarcaPersonal(
                                                                      '<c:out value="${lista.nombre}"/>',
                                                                      '<c:out value="${lista.apePaterno}"/>',
                                                                      '<c:out value="${lista.apeMaterno}"/>',
                                                                      '<c:out value="${lista.codAlumno}"/>',
                                                                      '<c:out value="${lista.condicion}"/>',
                                                                      '<c:out value="${lista.fecNacimiento}"/>',
                                                                      '<c:out value="${lista.codNivel}"/>',
                                                                      '<c:out value="${lista.codDisciplina}"/>',
                                                                      '<c:out value="${lista.codCategoria}"/>'
                                                                     );"/>

                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="Expectativa" title="Expectativa" alt="Expectativa" border=0  src="images/file_preview.png"
                                                     onclick="listarExpectativa(
                                                                      '<c:out value="${lista.nombre}"/>',
                                                                      '<c:out value="${lista.apePaterno}"/>',
                                                                      '<c:out value="${lista.apeMaterno}"/>',
                                                                      '<c:out value="${lista.codAlumno}"/>',
                                                                      '<c:out value="${lista.condicion}"/>',
                                                                      '<c:out value="${lista.fecNacimiento}"/>',
                                                                      '<c:out value="${lista.codNivel}"/>',
                                                                      '<c:out value="${lista.codDisciplina}"/>',
                                                                      '<c:out value="${lista.codCategoria}"/>'
                                                                     );">
                                            </td>
                                        </tr>
                                    </logic:iterate>
                                </table>
                            </div>
  </logic:present>


</html:form>
              <script>
                    Calendar.setup(
                {
                  inputField  : "fecNacimiento",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>

</div>        

    </body>
</html>
<script type="text/javascript">
    function listarMarcaPersonal(nombre,apePaterno,apeMaterno,codAlumno,condicion,fecNacimiento,codNivel,codDisciplina,codCategoria){

        var codCear=document.getElementById("codCear").value;
        var form = document.getElementById("CearForm");
            form.action="Cear.do?dispatch=listarMarcaPersonal&codCear="+codCear+"&nombre="+nombre+"&apePaterno="+apePaterno+"&apeMaterno="+apeMaterno+"&codAlumno="+codAlumno+"&codDisciplina="+codDisciplina;
            form.method="post";
            form.submit();
    }

     function listarExpectativa(nombre,apePaterno,apeMaterno,codAlumno,condicion,fecNacimiento,codNivel,codDisciplina,codCategoria){


        var codCear=document.getElementById("codCear").value;

        var form = document.getElementById("CearForm");
            form.action="Cear.do?dispatch=listarExpectativa&codCear="+codCear+"&nombre="+nombre+"&apePaterno="+apePaterno+"&apeMaterno="+apeMaterno+"&codAlumno="+codAlumno+"&codDisciplina="+codDisciplina;

            form.method="post";
            form.submit();

    }
</script>